<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>个人详情页面</title>
	<!-- Meta Tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8" />
	<meta name="keywords" content="Comely Profile Widget Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements"
	/>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<style th:inline="css">
		#headimg{
			background-image: url("[[${user.user_headimg }]]");
		}
	
	</style>
	
	<link href="./css/fontawesome-all.css" rel="stylesheet">
	<link href="./css/style5.css" rel="stylesheet" type="text/css" media="all" />
	<link href="//fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700" rel="stylesheet">
	<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
	  <link rel="stylesheet" href="css/mall.css" type="text/css" />
</head>

<body>
	
	<div class="main-agileits">
	     	
		<div class="inner-w3-agile">
		   
			<!-- left section -->
			<div class="left-section" id="headimg" >
			 <div id="child_header" style="width:100%;    height: 44px;">
                <div class="goback"><a href="javascript:history.back(-1)"><i></i></a></div>
                <div class="current_location"><span>个人详情</span></div>
            </div>
				<div class="left-btns" style="margin-top: 220px">
					<a href="#" class="btn1">
						<i class="fas fa-user-plus"></i>关注</a>
					<a href="#" class="btn2">
						<i class="far fa-envelope"></i>Message</a>
				</div>
			</div>
			<!-- //left section -->
			<!-- right section -->
			<div class="right-w3-agile">
				<div class="right-info">
					<h2 th:text="${user.user_name}">用户A</h2>
					<span class="designation">[[${rolename}]]</span>
					<br>	
					
					<p class="para-wthree">年龄：<span th:text="${user.user_age}"></span></p>
					<p class="para-wthree">性别：<span th:text="${user.user_sex}"></span></p>
					<p class="para-wthree">QQ：<span th:text="${user.user_qq}"></span></p>
					<p class="para-wthree">微信：<span th:text="${user.user_wechat}"></span></p>
					<p class="para-wthree">邮箱：<span th:text="${user.user_email}"></span></p>
					<p class="para-wthree">手机号：<span th:text="${user.user_phone}"></span></p>
					<p class="para-wthree">地址：<span th:text="${user.adress}"></span></p>
					<div class="social-w3layouts">
						<ul>
							<li>
								<a href="#">
									<i class="fab fa-facebook-f"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fab fa-twitter"></i>
								</a>
							</li>
							<li style="margin-left: 270px;">
			
							</li>
						</ul>
					</div>
				</div>
				<div class="right-grids-w3-agileits">
					<div class="grids g1">
						<h6>
							<span>448</span>Tweets</h6>
					</div>
					<div class="grids g2">
						<h6>
							<span>600</span>Followers</h6>
					</div>
					<div class="grids g3">
						<h6>
							<span>218</span>Following</h6>
					</div>
				</div>
			</div>
			<!-- //right section -->
		</div>
	</div>
</body>

</html>